*{
    margin: 0;
    padding: 0;
    list-style: none;
}
.all{
   
    border: 3px solid #000;
    margin: 0 auto;
}
.logo{
    height: 60px;
    background:url(./img/logo.jpg) no-repeat center center;
}
.qq:hover{
    background:white;
}
.top{
    position: relative;
}
.ul{
    background:#f6f6f6 ;
}
.ul li:hover{
    background:#dddddd;
}
.ul li{
    width: 185px;
    height: 60px;
    float: left;
    line-height: 60px;
    text-align:center;
    border-left: 1px solid gray;
}
.fl{
    width: 186px;
    line-height: 35px;
    text-align:center;;
    background: #f6f6f6;
    position:absolute;
    top: 61px;
    left: 372px;
    display: none;
}
.pp{
    border-top: 1px solid #000;
}
.fl li:hover{
    background:#dddddd;
}
.xm:hover .fl{
    display:block;
}
.all1{
    width: 655px;
    height: 50px;
    background: red;
    margin: 0 auto;
}
.upu{
    width: 130px;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align:center;
    border-left: 1px solid #000;
}
.hh li{
    width: 128px;
    height: 50px;
    background: pink;
    border: 1px solid #000;
}
.hh{
    display: none;
}
.hh li a{
    display: block;
    width:128px;
    height: 50px;
    color:yellow;
    text-decoration: none;
}
.hh li a:hover{
    background:red;
}
.hh1{
    margin-left: 129px;
    margin-top: -51px;
    display: none;
}
.ul5 li:hover{
    color:white;
    background: #000;
}
.ul5 li:hover .hh{
    display:block;
}
.hh li:hover .hh1{
    display: block;
}
.hh2{
    margin-left: 129px;
    margin-top: -51px;
    display: none;
}
.hh1 li:hover .hh2{
    display: block;
}
